<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> - 树形视图</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <include file="Index/common_css"/>
    <link href="__PUBLIC__/admin/css/plugins/jsTree/style.min.css" rel="stylesheet">
    <style>
        .Validform_checktip{padding-top:5px;display: inline-block;color:red;}
        .spiner-example{padding:0;}/*border:1px solid #CCC;*/
        .spiner-example img{width:100%;height:100%;}
        .balance{font-weight:bolder;color:red;font-size:18px;}

        .jstree-open > .jstree-anchor > .fa-folder:before {content: "\f07c";}
        .jstree-default .jstree-icon.none {width: 0;}
    </style>
</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content  animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-content">
                        <div id="jstree1">{$tree}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 全局js -->
    <include file="Index/common_js"/>
    <!-- 自定义js -->
    <script src="js/content.js?v=1.0.0"></script>
    <!-- jsTree plugin javascript -->
    <script src="__PUBLIC__/admin/js/plugins/jsTree/jstree.min.js"></script>
    <script>
        $(document).ready(function () {
            $('#jstree1').jstree({
                'core': {
                    'check_callback': true
                },
                'plugins': ['types', 'dnd'],
                'types': {
                    'default': {
                        'icon': 'fa fa-user-plus'
                    },
                    'html': {
                        'icon': 'fa fa-user'
                    },
                    'svg': {
                        'icon': 'fa fa-file-picture-o'
                    },
                    'css': {
                        'icon': 'fa fa-file-code-o'
                    },
                    'img': {
                        'icon': 'fa fa-file-image-o'
                    },
                    'js': {
                        'icon': 'fa fa-file-text-o'
                    }
                }
            });
        });
    </script>
</body>
</html>
